<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="Display_Method.firstable_Display" %>
<jsp:useBean id="database" class="Display_Method.firstable_Display" scope="request" />    
<!DOCTYPE html>
<html>
<head>

  <title>知识库系统</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
  <link rel="stylesheet" type="text/css"  href="CSS/Search.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <script src="JS/User_Login.js"></script>
</head>
<body>
  <%-- 管理员登录 --%>
  <a href="#" style="color:black" data-toggle="modal" data-target="#AdminModal"  title="管理员登录">
    <i class="fa fa-user-circle-o" style="font-size:30px"></i>
  </a>

  <%-- 新用户指南 --%>
  <a href="#" style="color:black" data-toggle="modal" data-target="#NewUserModal" title="新用户指南">
    <i class="fa fa-question-circle-o" style="font-size:33px; margin-top: 37px;"></i>
  </a>
  
   <%-- 三张总表 --%>
  <a href="Display/Index_Display.jsp" style="color:black" title="总表">
    <i class="fa fa-table" style="font-size:30px;margin-top: 75px;"></i>
  </a>
  
  <a href="English/Search_En.jsp" style="color:black" title="English">
    <i class="fa fa-language" style="font-size:28px;margin-top: 115px;"></i>
  </a>
   
  <%-- 管理员模态框 --%>
  <div class="modal fade" id="AdminModal">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
  
        <%-- 管理员模态框头部 --%>
        <div class="modal-header">
          <h5 class="modal-title">管理员登录</h5>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
  		
  		<form name="Login" action="Check/Checklogin.jsp" onsubmit="return validateForm()"  method="post">
	        <%-- 管理员模态框主体 --%>
	        <div class="modal-body"> 
		        <label for="user">账号:</label>
	            <input type="text" class="form-control" id="username" name="username">
	            <label for="pwd">密码:</label>
	            <input type="password" class="form-control" id="password" name="password">
	        </div>
  
        	<%-- 管理员模态框底部 --%>
	        <div class="modal-footer">
	          <button type="submit" class="btn btn-secondary"  onclick="validateForm()">
	           	 登录
	          </button> 
	        </div>
  		</form>
  		
      </div>
    </div>
  </div>

  <%-- 新手教程模态框 --%>
  <div class="modal fade" id="NewUserModal">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
  
        <%-- 新手教程模态框头部 --%>
        <div class="modal-header">
          <h5 class="modal-title">新用户使用指南</h5>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
  
        <%-- 新手教程模态框主体 --%>
        <div class="modal-body">
          <div id="demo" class="carousel slide" data-ride="carousel">
 
            <%-- 指示符 --%>
            <ul class="carousel-indicators" >
              <li data-target="#demo" data-slide-to="0" class="active"></li>
              <li data-target="#demo" data-slide-to="1"></li>
              <li data-target="#demo" data-slide-to="2"></li>
            </ul>
             
            <%-- 轮播图片 --%>
            <div class="carousel-inner">
              <div class="carousel-item active">
                <img src="Images\首页介绍.png">
              </div>
              <div class="carousel-item">
                <img src="Images\主页搜索.png">
              </div>
              <div class="carousel-item">
                <img src="Images\展示界面介绍.png">
              </div>
            </div>
             
            <%-- 左右切换按钮 --%>
            <a class="carousel-control-prev" href="#demo" data-slide="prev">
              <span class="carousel-control-prev-icon"></span>
            </a>
            <a class="carousel-control-next" href="#demo" data-slide="next">
              <span class="carousel-control-next-icon"></span>
            </a>
             
          </div>
        </div>
      </div>
    </div>
  </div>



  <%--头部--%>
  <div class="jumbotron text-center" style="margin-bottom:0">
    <h1 class="text-center">
      <i class="fa fa-book" style="font-size:32px; margin-top: 20px;">
        &nbsp&nbsp技术效应知识库系统
      </i>
    </h1>
  </div>

  <div class="flex-container mt-3">
	  <%--搜索框--%>
	  
	<div class="btn-group" >
      <button type="button" class="btn btn-light" data-toggle="collapse" href="#collapseOne">模糊搜索</button>
      <button type="button" class="btn btn-light"  data-toggle="collapse" href="#collapseTwo">精确搜索</button>
      <button type="button" class="btn btn-light"  data-toggle="collapse" href="#collapseThree">案例搜索</button>
    </div>
    
    <div id="accordion">
        <div id="collapseOne" class="collapse" data-parent="#accordion">
           <form action="Show/Show.jsp"  method="post" name="form">
			    <div class="input-group mb-3">
				      <select class="form-control" name="selected" style="max-width: 75px;">
						        <option value="综合">综合
						        <option value="现象">现象
						        <option value="效应">效应
					  </select>
			      	 
				      <input type="text" name="keyWord" class="form-control" id="mail">
			          <button type="submit" class="btn btn-dark">
			          	搜索
			          </button>
			    </div>
	  	</form>
      </div>
        <div id="collapseTwo" class="collapse" data-parent="#accordion">
           <form action="Show/Show.jsp"  method="post" name="form">
			    <div class="input-group mb-3">
			    
				      <select class="form-control" name="selected" style="max-width: 75px;">
						        <option value="现象2">现象
						        <option value="效应2">效应
					  </select>
			      	 
				      <input type="text" name="keyWord" class="form-control" id="mail">
			          <button type="submit" class="btn btn-dark">
			          	搜索
			          </button>
			    </div>
	  		</form>
        </div>
         <div id="collapseThree" class="collapse" data-parent="#accordion">
           <form action="Show/Show_Example.jsp"  method="post" name="form">
			    <div class="input-group mb-3">
				      <input type="text" name="keyWord" class="form-control" id="mail">
			          <button type="submit" class="btn btn-dark">
			          	搜索
			          </button>
			    </div>
	  		</form>
        </div>
    </div>
	 
  
	<%-- firstable展示 --%>
	
	<div class="TableF">
	<% request.setCharacterEncoding("UTF-8"); %>
	<jsp:getProperty name="database" property="queryResult" /> <%--获取javabean对象的属性值；property：属性名 --%>

	</div>
  </div>


  <%--底边栏--%>
    <footer class="footer text-center relative-bottom">CopyRight © Code:1024 </footer>

</body>
</html>